import React, { PureComponent } from 'react';
import {
  Text,
  View,
  Image,
  TextInput,
  Alert,
  ScrollView,
  FlatList,
  TouchableOpacity,
  Keyboard,
  StyleSheet,
} from 'react-native';
import { connect } from 'react-redux';
import {
  statusBarHeight,
  safeAreaBottomHeight,
  LoginToken,
  screenHeight,
} from '../../util/AdapterUtil';
import NavigationService from '../../components/NavigationService';
import actions from '../../models/actions';
import NavigationBar from '../../components/navigationBar';
import image from '../../assets/image';

class PayRemarkScreen extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      remarks: '',
      images: [],
    };
  }

  componentWillUnmount() {}

  componentDidMount() {}

  render() {
    return (
      <View style={{ flex: 1, backgroundColor: '#F9F9F9' }}>
        <NavigationBar
          navigation={this.props.navigation}
          isBack={true}
          title={'支付备注'}
          isDrawer={() => {
            NavigationService.reset('Drawer');
            NavigationService.navigate('MBillScreen',{tabIndex:1});
          }}
        />
        <View
          style={{
            flex: 1,
            marginTop: 8,
            backgroundColor: '#fff',
            alignItems: 'center',
          }}
        >
          <Image
            source={image.safetypay}
            style={{
              marginTop: 30,
              width: 60,
              height: 60,
            }}
          />

          <Text
            style={{
              marginTop: 20,
              color: '#4A90E2',
              fontSize: 18,
              fontWeight: 'bold',
            }}
          >
            提交成功
          </Text>
          <Text
            style={{
              marginTop: 10,
              color: '#606060',
              fontSize: 12,
            }}
          >
            支付单号：{this.props.navigation.state.params.orderId}
          </Text>
        </View>
        <View style={{ height: safeAreaBottomHeight }} />
      </View>
    );
  }
}

const styles = StyleSheet.create({});

export default connect(
  ({ userInfo }) => ({
    userInfo,
  }),
  {
    getLoginToken: actions.getLoginToken,
  },
)(PayRemarkScreen);
